<script type="text/javascript">
function checkImageExt(obj) {
	var t = obj.value;
	var txt = obj.value.substring(obj.value.lastIndexOf(".")+1).toLowerCase();
	if(!(txt == "jpg" || txt == "jpeg" || txt == "gif" || txt == "png" || txt == "swf")) {
		alert("ไฟล์ที่แนบมาไม่ถูกต้อง " + t + "\nกรุณาเลือกไฟล์ใหม่");	
	}
}
</script>

<div id="mainContent">
	<form  name="myForm" id="myForm" enctype="multipart/form-data" method="post" action="<?=site_url()?>to_parent/upload">
		<table width="850px" align="center" cellpadding="2" cellspacing="2" style="border: 1px solid #0000FF; background-color: #FFFFFF">
		  <col width="170px" />
		  <col width="*" />
		  <tr bgcolor="#000974">
		    <td colspan="2" align="left" bgcolor="#000974" style="color:#FFFFFF;"><label>.:: จัดการรูปภาพ หน้าถึงท่านผู้ปกครอง</label></td>
		  </tr>
		  <tr>
		    <td align="right"><label>รูปภาพปัจจุบัน</label></td>
		    <td align="left">
		      <?php if(isset($to_parent_img['file_name'])) {
		      			echo '<img src="'. site_url() . 'data-image/file_management/' . $to_parent_img['file_name']  .'" width="312" height="234" />';
		      			echo ' <img src="'. site_url() . 'data-image/file_management/' . $to_parent_img['detail']  .'" width="312" height="234" />';
		      		}    ?>    
		    </td>
		  </tr>
		  <tr>
		    <td align="right"><label>รูปภาพใหม่ (ภาพซ้าย)</label></td>
		    <td align="left">
		    	<div id="uploader">
		    		ขนาดไฟล์ที่เหมาะสม (กว้าง 312px, สูง 234px)<br/>
		      		<input name="txtFiles" id="txtFiles" type="file" style="width:300px;" onchange="checkImageExt(this);" />
		      	</div>   
		 	</td>
		  </tr>
		  <tr>
		    <td align="right"><label>รูปภาพใหม่ (ภาพขวา)</label></td>
		    <td align="left">
		    	<div id="uploader">
		    		ขนาดไฟล์ที่เหมาะสม (กว้าง 312px, สูง 234px)<br/>
		      		<input name="txtFiles2" id="txtFiles2" type="file" style="width:300px;" onchange="checkImageExt(this);" />
		      	</div>   
		 	</td>
		  </tr>
		  <tr>
		    <td align="right">&nbsp;</td>
		    <td align="left">
		    	<input type="submit" name="button" id="button" value="บันทึกข้อมูล" />
		    </td> 
		  </tr>
		  <tr style="height:10px;">
		    <td colspan="2"></td>
		  </tr>
		</table>
	</form>
</div>
